$(function () {
    $(".top").load("./index-top.html", function () {
        $("#quickMenu").find("dl").on("mouseenter", function () {
            $(this).addClass("hover")
        }).on("mouseleave", function () {
            $(this).removeClass("hover")
        })

        //用户登录成功，顶部文字改变
        if ($.cookie("tokenUser")) {
            var userName = JSON.parse($.cookie("tokenUser")).u_name;
            $(".login-link").text("亲爱的" + userName + "用户,欢迎您登录");
            // $(".top-menu-title").children("a").eq(1).css("display","none");
            $(".top-menu-title").children("a").eq(1).text("退出登录");
            // $(".top-menu-title").children("a").eq(2).css("display","block");
        }else{
            $(".top-menu-title").children("a").eq(1).on("click",function(){
                $(this).attr("href","./reg.html")
            })
        }
    })

    $(".top2").load("./index-top2.html", function () {
        $(".my-cart-tit").on("mouseenter", function () {
            $(".my-cart-con").css({
                "display": "block",
            })
            $(this).css({
                "box-shadow": "0 0 5px rgba(0,0,0,0.2)",
                "background": "#fff"
            })

        }).on("mouseleave", function () {
            $(".my-cart-con").css({
                "display": "none",
            })

            $(this).css({
                "box-shadow": "",
                "background": ""
            })
        })

        //搜索框
        $(".search-form input").eq(1).on("click", function () {
            var name = $(".search-form input").eq(0).val();
            var scrollTop = $("div:contains(" + name + ")").css({
                "color": "green",
            }).parents().offset().top;

            $("a:contains(" + name + ")").css({
                "color": "green",
            })
            $("p:contains(" + name + ")").css({
                "color": "green",
            })
            $("h3:contains(" + name + ")").css({
                "color": "green",
            })

            //页面跳到搜索的地方
            $("html").animate({
                "scrollTop": scrollTop,
            })

            //延时器，演示五秒后关键字颜色消失
            setTimeout(function () {
                $("div:contains(" + name + ")").css({
                    "color": "",
                })
                $("a:contains(" + name + ")").css({
                    "color": "",
                })
                $("p:contains(" + name + ")").css({
                    "color": "",
                })
                $("h3:contains(" + name + ")").css({
                    "color": "",
                })
            }, 5000)

        })
    })

    $(".top3").load("./index-top3.html", function () {
        //顶部字体变色
        $(".site-menu").children("li").eq(1).on("mouseenter", function () {
            $(this).children().css("color", "red")
        }).on("mouseleave", function () {
            $(this).children().css("color", "#000")
        })

        $(".site-menu").children("li").eq(2).on("mouseenter", function () {
            $(this).children().css("color", "red")
        }).on("mouseleave", function () {
            $(this).children().css("color", "#000")
        })

        //中间二级导航效果
        $("#topCategoryMenu .menu").children(".cate-menu-item").on("mouseenter", function () {
            //li得背景颜色
            $(this).css({ "background": "#ccc" }).siblings().css("background", "");

            $(this).find(".cate-part").css({
                "display": "block"
            })
        }).on("mouseleave", function () {
            $(this).find(".cate-part").css({
                "display": "none"
            })
            //li得背景颜色
            $(this).css("background", "");
        })
    })

    $(".content1").load("./index-content1.html", function () {
        //自动轮播图
        var imgIndex = 0;
        // var arr = ["red", "pink", "green"]
        function autoPlay() {
            imgIndex++;
            if (imgIndex > 2) {
                imgIndex = 0
            }
            var arr = ["red", "rgb(255, 0, 85)", "#f4f4f4"]
            var $color = arr[imgIndex];
            $(".con-banBox").css({
                "background": $color
            })

            $(".con-banBox ul").children("li").each((index, el) => {
                if (imgIndex == index) {
                    $(el).animate({
                        opacity: 1,
                    })
                } else {
                    $(el).animate({
                        opacity: 0,
                    })
                }
            })

            $(".con-banBox ol").children("li").each((index, el) => {
                if (imgIndex == index) {
                    $(el).addClass("current").siblings().removeClass("current");
                }
            })
        }
        var timer = window.setInterval(autoPlay, 1000);

        //鼠标移入移出
        $(".lis").on("mouseenter", () => clearInterval(timer)).on("mouseleave", () => timer = window.setInterval(autoPlay, 1000))

        //鼠标点击小圆点
        $(".con-banBox ol").children("li").each((index, el) => {
            $(el).on("click", function () {
                clearInterval(timer)
                imgIndex = $(this).index() - 1;
                autoPlay()
            })
        })
    })

    $(".content2").load("./index-content2.html", function () {
        //定时器
        //设置秒杀结束时间
        var endTime = new Date("2019-12-18 09:29:00");
        console.log(endTime)
        //把年月日时分秒的时间转换成为毫秒数
        endSeconds = endTime.getTime();//结束时间的毫秒数
        //定义变量  天数 小时 分钟  秒数  
        var d = h = m = s = 0;
        //设置定时器  实现一个秒杀效果
        var timers = setInterval(qiang, 1000);

        function qiang() {
            // 获取当前系统时间
            var nowTime = new Date();
            // 获取当前时间差---nowTime.getTime()现在时间的毫秒数
            var remain = parseInt((endSeconds - nowTime.getTime()) / 1000);
            //判断秒杀是否过期
            if (remain > 0) {
                //1.计算剩余天数  （除以60*60*24  取整数  获取剩余天数）
                d = parseInt(remain / 86400)
                //2.计算剩余小时（除以60*60 转换成为小时了  与24进行取模   获取剩余小时）
                h = parseInt((remain / 3600) % 24);
                //3.计算剩余分钟（除以60  转换成为分钟了  与60进行取模   获取剩余分钟）
                m = parseInt((remain / 60) % 60);
                //4.计算剩余秒数（与60进行取模   获取剩余秒数）
                s = parseInt((remain) % 60);

                //统一利用两位数 表示 剩余的天、小时、分钟、秒
                d = d < 10 ? '0' + d : d;
                h = h < 10 ? '0' + h : h;
                m = m < 10 ? '0' + m : m;
                s = s < 10 ? '0' + s : s;

            } else {
                // 秒杀过期  取消定时器
                clearInterval(timers);
                d = h = m = s = '00'
            }
            //将剩余的天数、小时、分钟、秒  小时到指定网页中去
            // document.getElementById("d").innerHTML = d ;
            document.getElementById("h").innerHTML = h;
            document.getElementById("m").innerHTML = m;
            document.getElementById("s").innerHTML = s;
        }

        $(".seckill-content").on("mouseenter", function () {
            $(".bx-controls-direction a").css({ "display": "block" })
        }).on("mouseleave", function () {
            $(".bx-controls-direction a").css({ "display": "none" })
        })

        var imgIndex = 0;
        var pos = 0
        $(".bx-next").on("click", function () {
            imgIndex++;
            if (imgIndex >= 5) {
                imgIndex = 4
                return
            }

            $(".sk-ul").css({
                left: imgIndex * (-201)
            })
        })

        $(".bx-prev").on("click", function () {
            imgIndex--;
            console.log(imgIndex)
            if (imgIndex <= -1) {
                imgIndex = 0
                console.log(imgIndex)
                return
            }

            pos = $(".sk-ul").css("left")
            $(".sk-ul").css({
                left: (parseInt(pos)) + 201
            })
        })

        //页面渲染
        $.ajax({
            url: "./api/products",
            type: "get",
            dataType: "json"
        }).done((res) => {
            var strHtml = "";
            res.forEach(el => {
                strHtml += `
                <li class="bz-more-goods">
                <a class="bz-more-goods-lk" href="./detail.html?id=${el.p_id}" target="_blank" title="">
                    <img class="bz-more-photo J-lazy" src="${el.img_index}"
                        data-original="https://pic.cnrmall.com/image/c5/25/c525048b4b68d5f6ed61946d8c7fdb85.jpg@240w_240h"
                        alt="" style="display: inline-block;">
                    <div class="bz-more-info">
                        <p class="bz-more-info-name">${el.p_name}</p>
                        <p class="bz-more-info-price"> <span class="bz-more-info-price-txt">
                                <span class="yuan">￥</span><span class="integer">${el.p_price}</span>
                            </span> </p>
                    </div>
                </a>
            </li>
                `
            });
            $(".bz-more-list").append(strHtml)
        })
    })

    $(".footer").load("./index-footer.html", function () {

    })

    $(".pf").load("./pf.html", function () {
        //侧边栏效果
        $(".nc-toolbar-tabs").children().on("mouseenter", function () {
            $(this).addClass("z-nc-tbar-tab-hover").siblings().removeClass("z-nc-tbar-tab-hover");
            $(".tab-tip").css({ "display": "none" })
        }).on("mouseleave", function () {
            $(this).removeClass("z-nc-tbar-tab-hover")
            $(".tab-tip").css({ "display": "block" })
        })

        $(".nc-toolbar-footer").on("click", function () {
            $("html,body").animate({
                "scrollTop": 0
            }, 500)
        })

        //加购物车时事查询
        // $("#tbarCartNum").css({
        //     "display": "block",
        // })
        // console.log(JSON.parse($.cookie("tokenUser") || '{}').u_id)

        // var paramsPf = {
        //     uid: JSON.parse($.cookie("tokenUser") || '{}').u_id,
        // }


        // $.ajax({
        //     url: "http://10.41.155.12:8080/api/getCunt",
        //     type: "get",
        //     data: paramsPf,
        // }).then((res) => {
        //     if (res.count >= 1) {
        //         $("#tbarCartNum").css({ "display": "block" });
        //         $("#tbarCartNum").text(res.count);
        //         $(".cartBox .success").children().eq(1).text("购物车共有" + res.count + "种商品")
        //     }

        // })
    })
})